<template>
  <div>
    <h3>{{msg}}</h3>
    <h3>{{msg | reverse("| ")}}</h3>
    <p :title="msg | toUp">鼠标长停</p>
  </div>
</template>

<script>
export default {
data() {
  return {
    msg:"Hello,World"
  }
},
//设置一个局部的过滤器
filters: {
  toUp(val){
    return val.toUpperCase()
  }
}
}
</script>

<style>

</style>